<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div id="top">
		<div class="top_center">
			<img src="img/00.jpg" alt="">
		</div>
	</div>
	<div id="tip">
		<div class="tip_center">
			<div class="tip_left">
				<p>晚上好，找到中意的书了吗?&nbsp;&nbsp;&nbsp;&nbsp;</p>
				<p>请登录&nbsp;&nbsp;</p>
				<p>免费注册</p>
			</div>
			<ul class="tip_right">
				<li class="list">我的学习</li>
				<li class="iconfont icon-wode">个人中心</li>
				<li>我的订单</li>
				<li>客户服务</li>
				<li>手机新华</li>
			</ul>
		</div>
	</div>
	<div id="layout">
		<div class="layout_center">
			<div class="center_top">
				<div class="center_top_left">
					<img src="img/01.jpg" alt="">
				</div>
				<div class="center_top_right">
					<div class="inpt">
						<input type="text" placeholder="论中国共产党历史">
						<button class="iconfont icon-fangdajing"></button>
						<p class="iconfont icon-gouwuche-xuanzhong">&nbsp;&nbsp;购物车&nbsp;&nbsp;<span>1</span>&nbsp;件&nbsp;<span class="iconfont icon-angle-right"></span></p>
					</div>
					<ul>
						<li>热门搜索</li>
						<li>习近平扶贫故事</li>
						<li>北京冬奥会</li>
						<li>日历2021</li>
						<li>诗词名句</li>
						<li>新华英雄笔</li>
					</ul>
				</div>
			</div>
			<ul class="center_bottom">
				<li class="iconfont icon-gengduo-2 list ">&nbsp;&nbsp;全部商品分类</li>
				<li>商城首页</li>
				<li>主题出版</li>
				<li>中班书房</li>
				<li>新华优选</li>
				<li>新华定制</li>
				<li>新华教育</li>
				<li>新华直播</li>
				<li>电子书</li>
				<li>排行版</li>
				<li>新世纪·新经典</li>
			</ul>
		</div>
	</div>

	<div id="posi">
		<div class="fie">
			<div class="imge">
				<img src="img/e8dda8a4-5570-4353-af63-45977faa927f.webp" alt="">
			</div>
			<div class="inpt">
				<input type="text" placeholder="论中国共产党历史">
				<button class="iconfont icon-fangdajing"></button>
			</div>
		</div>
    </div>
    
    
</body>
</html>